<template>
  <div id="app">
    <ul>
      <!-- 
          v-for 写在你要循环的元素上 ,
          记得要添加  :key属性一般就是index
          item 指的是每一次遍历拿到的值，我们这里是 1 2 3 ...
          index 指的就是这次遍历的索引
      -->
      <li v-for="(item, index) in arr" :key="index">
        {{ item }}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
      // 这个会生成一个 1-100的数组，你们可能看不太懂，这个我教你们怎么拆开来看
      //   这类语法还是偶尔见到的
      arr: [
        ...Object.keys(new Array(100).fill(0)).map((val) => Number(val) + 1),
      ],
    };
  },
};
</script>
